<!DOCTYPE html>
<div style="width: 40px">
    <div draggable="true" id="case-css-3dtransform-descendant" style="width: 40px; height: 40px; background-color: #ff0000;">
        <div style="background-color: #00ff00; width: 20px; height: 40px;"></div>
        <div style="transform: translate3d(20px, -40px, 0); background-color: #00ff00; width: 20px; height: 40px;"></div>
    </div>
</div>

<div style="width: 40px">
    <div style="transform:translate(40px,40px)">
        <div draggable="true" id="case-css-transform" style="background-color: #00ff00;width: 40px;height: 40px;"></div>
    </div>
</div>

<div style="width: 40px">
    <div style="transform:translate(40px,40px) rotate3d(0,1,0,60deg);">
        <div draggable="true" id="case-css-3dtransform" style="background-color: #00ff00;width: 40px;height: 40px;"></div>
    </div>
</div>

<div style="width: 40px">
    <div style="display: inline-block">
        <div draggable="true" id="case-inlineblock" style="background-color: #00ff00;width: 40px;height: 40px;"></div>
    </div>
</div>

<div style="width: 40px">
    <div style="overflow: hidden">
        <div draggable="true" id="case-float-left-overflow-hidden" style="float: left;background-color: #00ff00;width: 40px;height: 40px;"></div>
    </div>
</div>
